#ibody {
  overflow: hidden;
  background: rgb(242, 242, 242);
  .bannerbox {
    overflow: hidden;
    width: 100%;
    height: 3rem;
    background: white;
    .vbanner {
      width: 90%;
      height: 1.95rem;
      box-shadow: 0 0.1rem 0.1rem 0 rgba(255, 96, 64, 0.2);
      margin: 0.11rem auto 0;
    }
    .iconlist {
      width: 100%;
      display: flex;
      margin-top: 0.25rem;
      padding: 0 0.17rem;
      justify-content: space-between;
      li {
        img {
          width: 0.32rem;
        }
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 0.4rem;
        height: 0.47rem;
        span {
          width: 141%;
          height: 0.1rem;
          line-height: 0.1rem;
          font-size: 0.1rem;
          transform: scale(0.83);
          text-align: center;
        }
      }
    }
  }
  .limitbox {
    margin-top: 0.1rem;
    padding: 0 0.1rem;
    display: flex;
    justify-content: space-between;
    .leftbox {
      width: 1.75rem;
      height: 1.75rem;
      position: relative;
      .upper {
        position: absolute;
        z-index: 1;
        .title {
          width: 1rem;
          height: 0.16rem;
          position: absolute;
          top: 0.1rem;
          left: 0.1rem;
          font-size: 0.16rem;
          color: #85a642;
          line-height: 0.16rem;
        }
        .text {
          color: #b1cc7a;
          position: absolute;
          white-space: nowrap;
          transform: scale(0.83);
          top: 0.3rem;
        }
        .more {
          position: absolute;
          left: 1.12rem;
          top: 0.13rem;
          width: 0.65rem;
          height: 0.1rem;
          line-height: 0.1rem;
          font-size: 0.1rem;
          transform: scale(0.83);
          text-align: center;
          i {
            margin-left: 0.04rem;
          }
        }
        .clock {
          position: absolute;
          top: 0.51rem;
          left: 0.1rem;
          width: 1rem;
          .colon {
            display: inline-block;
            margin: 0 0.02rem;
            color: #85a642;
          }
          .block {
            display: inline-block;
            width: 0.16rem;
            height: 0.16rem;
            color: #fff;
            font-size: 0.12rem;
            line-height: 0.16rem;
            text-align: center;
            background-image: linear-gradient(180deg, #85a642 0%, #b1cc7a 100%);
            border-radius: 0.01rem;
          }
        }
      }
      img {
        width: 100%;
        position: absolute;
        z-index: 0;
      }
    }
    .rightbox {
      width: 1.75rem;
      height: 1.75rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .innerbox {
        width: 1.75rem;
        height: 0.85rem;
        img {
          width: 1.75rem;
        }
        .upper {
          position: absolute;
          &.bot {
            .title,
            .text {
              color: #af40ff;
            }
            .goto {
              background-image: linear-gradient(
                180deg,
                #af40ff 0%,
                #f58cff 100%
              );
            }
          }
          .title {
            font-size: 0.16rem;
            color: #ff6040;
            line-height: 0.16rem;
            position: absolute;
            top: 0.1rem;
            left: 0.1rem;
            white-space: nowrap;
          }
          .text {
            color: #ff9580;
            position: absolute;
            top: 0.3rem;
            left: 0.05rem;
            white-space: nowrap;
            transform: scale(0.83);
          }
          .goto {
            width: 0.6rem;
            height: 0.2rem;
            background-image: linear-gradient(180deg, #ff6040 0%, #ff9f80 100%);
            border-radius: 0.02rem 0.12rem 0.12rem 0.02rem;
            top: 0.5rem;
            left: 0.1rem;
            span,
            i {
              color: white;
              line-height: 0.2rem;
            }
            span {
              display: block;
              transform: scale(0.83);
            }
          }
        }
        .bg {
          position: absolute;
          z-index: 0;
        }
      }
    }
  }

  .itembox {
    background: white;
    overflow: hidden;
    margin: 0.1rem auto 0;
    .tab {
      height: 0.34rem;
      display: flex;
      p {
        flex: 1;
        font-size: 0.14rem;
        color: #999999;
        text-align: center;
        line-height: 0.34rem;
        &.active {
          font-size: 0.16rem;
          color: #ff6040;
        }
      }
    }
    .rowlist {
      overflow: hidden;
      padding: 0 0.1rem;
      ul {
        overflow: hidden;
        display: flex;
        li {
          margin-right: 0.05rem;
          img {
            width: 0.8rem;
          }
        }
      }
    }
    .collist {
      padding: 0 0.1rem;
      margin-top: 0.1rem;
      .coltab {
        height: 0.34rem;
        border-radius: 0.04rem;
        overflow: hidden;
        display: flex;
        div {
          flex: 1;
          color: #ff6040;
          font-size: 0.14rem;
          line-height: 0.34rem;
          text-align: center;
          &.active {
            background: #ff6040;
            color: white;
          }
        }
      }
      .list {
        width: 100%;
        margin-top: 0.2rem;
        li {
          margin: 0.05rem 0;
          height: 1.5rem;
          box-shadow: 0rem 0rem 0.02rem 0.01rem rgba(153, 153, 153, 0.2);
          display: flex;
          align-items: center;
          padding: 0 0.2rem;
          .box {
            overflow: hidden;
            font-size: 0.12rem;
            height: 1rem;
            width: 1rem;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-evenly;
            margin-right: 0.1rem;
            img {
              height: 1rem;
            }
            button {
              background: #ff6040;
              border-radius: 0.03rem;
              color: white;
              width: 0.6rem;
              height: 0.24rem;
            }
            .nprice {
              color: red;
            }
            .oprice {
              color: #ccc;
              text-decoration: line-through;
            }
          }
        }
      }
    }
  }
}
